<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>绝对定位-父没有定位</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 200px;
            height: 200px;
            background: yellow;
            position: absolute;
            top: 100px;
            left: 100px;
        }
    </style>
</head>
<body>
    <div>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis voluptatum cupiditate harum quisquam odit vero suscipit aperiam illo fugit? Delectus illum dolores distinctio accusamus fuga blanditiis eaque enim a error?Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo debitis facere ullam obcaecati alias sapiente cumque aut, commodi esse porro aliquam dicta voluptatum dignissimos autem at natus quae fugit nostrum!Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis repudiandae beatae aliquam voluptatibus laudantium autem quaerat? Laudantium sapiente excepturi eius. Perspiciatis inventore dolorem vel fuga iure tempore dicta recusandae corporis?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi id ipsum eveniet odit quis temporibus modi officia ad labore quas sequi eos tenetur minus voluptate, fugit molestias eligendi debitis nam.Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis voluptatum cupiditate harum quisquam odit vero suscipit aperiam illo fugit? Delectus illum dolores distinctio accusamus fuga blanditiis eaque enim a error?Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo debitis facere ullam obcaecati alias sapiente cumque aut, commodi esse porro aliquam dicta voluptatum dignissimos autem at natus quae fugit nostrum!Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis repudiandae beatae aliquam voluptatibus laudantium autem quaerat? Laudantium sapiente excepturi eius. Perspiciatis inventore dolorem vel fuga iure tempore dicta recusandae corporis?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi id ipsum eveniet odit quis temporibus modi officia ad labore quas sequi eos tenetur minus voluptate, fugit molestias eligendi debitis nam.Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis voluptatum cupiditate harum quisquam odit vero suscipit aperiam illo fugit? Delectus illum dolores distinctio accusamus fuga blanditiis eaque enim a error?Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo debitis facere ullam obcaecati alias sapiente cumque aut, commodi esse porro aliquam dicta voluptatum dignissimos autem at natus quae fugit nostrum!Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis repudiandae beatae aliquam voluptatibus laudantium autem quaerat? Laudantium sapiente excepturi eius. Perspiciatis inventore dolorem vel fuga iure tempore dicta recusandae corporis?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi id ipsum eveniet odit quis temporibus modi officia ad labore quas sequi eos tenetur minus voluptate, fugit molestias eligendi debitis nam.</div>
    <div class="box">

    </div>
</body>
</html>